/**
 * 型体页底部组件
 */
<script setup>
import PureTable from '@/components/model/ModelTables/PureTable.vue'
import PureChart from '@/components/model/ModelCharts/PureChart.vue'
import StandardTable from '@/components/model/ModelTables/StandardTable.vue'
import DirectPPHTable from '@/components/model/ModelTables/DirectPPHTable.vue'
</script>

<template>
  <div class="model-bottom-container">
    <div class="model-bottom-item">
      <PureTable/>
    </div>

    <div class="model-bottom-item">
      <StandardTable/>
    </div>

    <div class="model-bottom-item">
      <PureChart/>
    </div>

    <div class="model-bottom-item">
      <DirectPPHTable/>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.model-bottom-container {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-content: space-between;
  flex-wrap: wrap;

  .model-bottom-item {
    width: 49%;
    height: 48%;
    box-sizing: border-box;
    border: 0.5vh solid #40436e;
    border-radius: 1.25vh;
    pointer-events: auto;
  }
}
</style>